﻿<!DOCTYPE html>
<html>
  <head>
    <title>通知提醒 Notification</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____notification/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____notification/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u10910" class="ax_default _默认样式">
        <div id="u10910_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10911" class="ax_default _默认样式">
        <div id="u10911_div" class=""></div>
        <div id="u10911_text" class="text ">
          <p><span>带描述信息通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u10913" class="ax_default" data-label="背景">
        <div id="u10913_state0" class="panel_state" data-label="State1" style="">
          <div id="u10913_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u10914" class="ax_default" data-label="线条">
        <div id="u10914_state0" class="panel_state" data-label="State1" style="">
          <div id="u10914_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10915" class="ax_default _默认样式">
        <div id="u10915_div" class=""></div>
        <div id="u10915_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10916" class="ax_default _默认样式">
        <div id="u10916_div" class=""></div>
        <div id="u10916_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u10918" class="ax_default _默认样式">
        <img id="u10918_img" class="img " src="images/___icons/u605.png"/>
        <div id="u10918_text" class="text ">
          <p><span>Copyright © </span><a id="u10919" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10920" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="160">

        <!-- Unnamed (Rectangle) -->
        <div id="u10921" class="ax_default _默认样式">
          <div id="u10921_div" class=""></div>
          <div id="u10921_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">全局展示的通知提醒信息，可以在系统界面的四个角显示。通知提醒经常用于以下情况：较为复杂的通知内容；带有交互的通知，给出用户下一步的行动点；系统主动推送。以下提供了常用的通知提醒元件，在使用时只需要将使用示例中相关的通知提醒动态面板复制到你的原型中，然后修改其中的提示文字内容和设置对应元件的显示事件就可以了。动态面板的用例中已经设置了自动隐藏效果，不需要再单独进行设置。示例中提示的动态面板是固定在右下角显示的，如果需要修改显示位置可以在动态面板的“固定到浏览器”选项中进行设置。扩展阅读文章：</span><a id="u10922" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">超全面！如何做好应用程序中的反馈设计？</span></a><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">、</span><a id="u10923" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">想有好的用户体验？别忘了做错误反馈设计</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10924" class="ax_default _默认样式">
          <div id="u10924_div" class=""></div>
          <div id="u10924_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10925" class="ax_default _默认样式">
        <div id="u10925_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10926" class="ax_default _默认样式">
        <div id="u10926_div" class=""></div>
        <div id="u10926_text" class="text ">
          <p><span>仅显示标题通知提醒</span></p>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10927" class="ax_default" data-label="通知提醒">
        <div id="u10927_state0" class="panel_state" data-label="State1" style="">
          <div id="u10927_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10928" class="ax_default _默认样式">
              <div id="u10928_div" class=""></div>
              <div id="u10928_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">警告通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10929" class="ax_default _默认样式">
              <div id="u10929_div" class=""></div>
              <div id="u10929_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10930" class="ax_default _默认样式">
              <div id="u10930_div" class=""></div>
              <div id="u10930_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10931" class="ax_default" data-label="通知提醒">
        <div id="u10931_state0" class="panel_state" data-label="State1" style="">
          <div id="u10931_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10932" class="ax_default _默认样式">
              <div id="u10932_div" class=""></div>
              <div id="u10932_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">消息通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10933" class="ax_default _默认样式">
              <div id="u10933_div" class=""></div>
              <div id="u10933_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10934" class="ax_default _默认样式">
              <div id="u10934_div" class=""></div>
              <div id="u10934_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10935" class="ax_default" data-label="通知提醒">
        <div id="u10935_state0" class="panel_state" data-label="State1" style="">
          <div id="u10935_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10936" class="ax_default _默认样式">
              <div id="u10936_div" class=""></div>
              <div id="u10936_text" class="text ">
                <p><span>通知提示标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10937" class="ax_default _默认样式">
              <div id="u10937_div" class=""></div>
              <div id="u10937_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10938" class="ax_default" data-label="通知提醒">
        <div id="u10938_state0" class="panel_state" data-label="State1" style="">
          <div id="u10938_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10939" class="ax_default _默认样式">
              <div id="u10939_div" class=""></div>
              <div id="u10939_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">通知提示标题</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10940" class="ax_default _默认样式">
              <div id="u10940_div" class=""></div>
              <div id="u10940_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10941" class="ax_default" data-label="通知提醒">
        <div id="u10941_state0" class="panel_state" data-label="State1" style="">
          <div id="u10941_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10942" class="ax_default _默认样式">
              <div id="u10942_div" class=""></div>
              <div id="u10942_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">成功通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10943" class="ax_default _默认样式">
              <div id="u10943_div" class=""></div>
              <div id="u10943_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10944" class="ax_default _默认样式">
              <div id="u10944_div" class=""></div>
              <div id="u10944_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10945" class="ax_default" data-label="通知提醒">
        <div id="u10945_state0" class="panel_state" data-label="State1" style="">
          <div id="u10945_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10946" class="ax_default _默认样式">
              <div id="u10946_div" class=""></div>
              <div id="u10946_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">错误通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10947" class="ax_default _默认样式">
              <div id="u10947_div" class=""></div>
              <div id="u10947_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10948" class="ax_default _默认样式">
              <div id="u10948_div" class=""></div>
              <div id="u10948_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10949" class="ax_default" data-label="通知提醒">
        <div id="u10949_state0" class="panel_state" data-label="State1" style="">
          <div id="u10949_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10950" class="ax_default _默认样式">
              <div id="u10950_div" class=""></div>
              <div id="u10950_text" class="text ">
                <p><span>成功通知提醒</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10951" class="ax_default _默认样式">
              <div id="u10951_div" class=""></div>
              <div id="u10951_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10952" class="ax_default _默认样式">
              <div id="u10952_div" class=""></div>
              <div id="u10952_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10953" class="ax_default" data-label="通知提醒">
        <div id="u10953_state0" class="panel_state" data-label="State1" style="">
          <div id="u10953_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10954" class="ax_default _默认样式">
              <div id="u10954_div" class=""></div>
              <div id="u10954_text" class="text ">
                <p><span>警告通知提醒</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10955" class="ax_default _默认样式">
              <div id="u10955_div" class=""></div>
              <div id="u10955_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10956" class="ax_default _默认样式">
              <div id="u10956_div" class=""></div>
              <div id="u10956_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10957" class="ax_default" data-label="通知提醒">
        <div id="u10957_state0" class="panel_state" data-label="State1" style="">
          <div id="u10957_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10958" class="ax_default _默认样式">
              <div id="u10958_div" class=""></div>
              <div id="u10958_text" class="text ">
                <p><span>消息通知提醒</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10959" class="ax_default _默认样式">
              <div id="u10959_div" class=""></div>
              <div id="u10959_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10960" class="ax_default _默认样式">
              <div id="u10960_div" class=""></div>
              <div id="u10960_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10961" class="ax_default" data-label="通知提醒">
        <div id="u10961_state0" class="panel_state" data-label="State1" style="">
          <div id="u10961_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10962" class="ax_default _默认样式">
              <div id="u10962_div" class=""></div>
              <div id="u10962_text" class="text ">
                <p><span>错误通知提醒</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10963" class="ax_default _默认样式">
              <div id="u10963_div" class=""></div>
              <div id="u10963_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10964" class="ax_default _默认样式">
              <div id="u10964_div" class=""></div>
              <div id="u10964_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10965" class="ax_default _默认样式">
        <div id="u10965_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10966" class="ax_default _默认样式">
        <div id="u10966_div" class=""></div>
        <div id="u10966_text" class="text ">
          <p><span>通知提醒使用示例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10967" class="ax_default _默认样式">
        <div id="u10967_div" class=""></div>
        <div id="u10967_text" class="text ">
          <p><span>显示成功提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10968" class="ax_default _默认样式">
        <div id="u10968_div" class=""></div>
        <div id="u10968_text" class="text ">
          <p><span>显示警告提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10969" class="ax_default _默认样式">
        <div id="u10969_div" class=""></div>
        <div id="u10969_text" class="text ">
          <p><span>显示消息提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10970" class="ax_default _默认样式">
        <div id="u10970_div" class=""></div>
        <div id="u10970_text" class="text ">
          <p><span>显示错误提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10971" class="ax_default _默认样式">
        <div id="u10971_div" class=""></div>
        <div id="u10971_text" class="text ">
          <p><span>显示系统提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10972" class="ax_default _默认样式">
        <div id="u10972_div" class=""></div>
        <div id="u10972_text" class="text ">
          <p><span>不自动关闭的提醒</span></p>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10973" class="ax_default" data-label="通知提醒">
        <div id="u10973_state0" class="panel_state" data-label="State1" style="">
          <div id="u10973_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10974" class="ax_default _默认样式">
              <div id="u10974_div" class=""></div>
              <div id="u10974_text" class="text ">
                <p><span>系统通知提醒</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10975" class="ax_default _默认样式">
              <div id="u10975_div" class=""></div>
              <div id="u10975_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10976" class="ax_default _默认样式">
              <div id="u10976_div" class=""></div>
              <div id="u10976_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 通知提醒 (Dynamic Panel) -->
      <div id="u10977" class="ax_default" data-label="通知提醒">
        <div id="u10977_state0" class="panel_state" data-label="State1" style="">
          <div id="u10977_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10978" class="ax_default _默认样式">
              <div id="u10978_div" class=""></div>
              <div id="u10978_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">系统通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10979" class="ax_default _默认样式">
              <div id="u10979_div" class=""></div>
              <div id="u10979_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10980" class="ax_default _默认样式">
              <div id="u10980_div" class=""></div>
              <div id="u10980_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 警告通知提醒 (Dynamic Panel) -->
      <div id="u10981" class="ax_default ax_default_hidden" data-label="警告通知提醒" style="display:none; visibility: hidden">
        <div id="u10981_state0" class="panel_state" data-label="State1" style="">
          <div id="u10981_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10982" class="ax_default _默认样式">
              <div id="u10982_div" class=""></div>
              <div id="u10982_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">警告通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10983" class="ax_default _默认样式">
              <div id="u10983_div" class=""></div>
              <div id="u10983_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10984" class="ax_default _默认样式">
              <div id="u10984_div" class=""></div>
              <div id="u10984_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 消息通知提醒 (Dynamic Panel) -->
      <div id="u10985" class="ax_default ax_default_hidden" data-label="消息通知提醒" style="display:none; visibility: hidden">
        <div id="u10985_state0" class="panel_state" data-label="State1" style="">
          <div id="u10985_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10986" class="ax_default _默认样式">
              <div id="u10986_div" class=""></div>
              <div id="u10986_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">消息通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10987" class="ax_default _默认样式">
              <div id="u10987_div" class=""></div>
              <div id="u10987_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10988" class="ax_default _默认样式">
              <div id="u10988_div" class=""></div>
              <div id="u10988_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 普通通知提醒 (Dynamic Panel) -->
      <div id="u10989" class="ax_default ax_default_hidden" data-label="普通通知提醒" style="display:none; visibility: hidden">
        <div id="u10989_state0" class="panel_state" data-label="State1" style="">
          <div id="u10989_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10990" class="ax_default _默认样式">
              <div id="u10990_div" class=""></div>
              <div id="u10990_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">通知提示标题</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10991" class="ax_default _默认样式">
              <div id="u10991_div" class=""></div>
              <div id="u10991_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 成功通知提醒 (Dynamic Panel) -->
      <div id="u10992" class="ax_default ax_default_hidden" data-label="成功通知提醒" style="display:none; visibility: hidden">
        <div id="u10992_state0" class="panel_state" data-label="State1" style="">
          <div id="u10992_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10993" class="ax_default _默认样式">
              <div id="u10993_div" class=""></div>
              <div id="u10993_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">成功通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10994" class="ax_default _默认样式">
              <div id="u10994_div" class=""></div>
              <div id="u10994_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10995" class="ax_default _默认样式">
              <div id="u10995_div" class=""></div>
              <div id="u10995_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 错误通知提醒 (Dynamic Panel) -->
      <div id="u10996" class="ax_default ax_default_hidden" data-label="错误通知提醒" style="display:none; visibility: hidden">
        <div id="u10996_state0" class="panel_state" data-label="State1" style="">
          <div id="u10996_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10997" class="ax_default _默认样式">
              <div id="u10997_div" class=""></div>
              <div id="u10997_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">错误通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10998" class="ax_default _默认样式">
              <div id="u10998_div" class=""></div>
              <div id="u10998_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10999" class="ax_default _默认样式">
              <div id="u10999_div" class=""></div>
              <div id="u10999_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 系统通知提醒 (Dynamic Panel) -->
      <div id="u11000" class="ax_default ax_default_hidden" data-label="系统通知提醒" style="display:none; visibility: hidden">
        <div id="u11000_state0" class="panel_state" data-label="State1" style="">
          <div id="u11000_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11001" class="ax_default _默认样式">
              <div id="u11001_div" class=""></div>
              <div id="u11001_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">系统通知提醒</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11002" class="ax_default _默认样式">
              <div id="u11002_div" class=""></div>
              <div id="u11002_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11003" class="ax_default _默认样式">
              <div id="u11003_div" class=""></div>
              <div id="u11003_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
